* {
	margin: 0;
	padding: 0;
}
html{background-color: #F5F5F5;}
input {
	background: none;
	border: 0px;
	outline: none;
}
a{
	text-decoration: none;
}
.hint{
	position: relative;
	height: 8rem;
	width: 10rem;
}

.sybg{
	height: 2rem;
	width: 2rem;
	float: left;
}
.sybg img{
	height: 2rem;
	width: 2rem;
}
.arrows{
	height: 2rem;
	width: 2rem;
	float: right;
	text-align: right;
	padding-right: 1rem;
}
.arrows img{
	height: 2rem;
	width: 2rem;
}
.success{
	position: absolute;
	width: 10rem;
	height: 6rem;
	bottom: 0;
	text-align: center;
	}
.success img{
	height: 3rem;
	width: 3rem;
}
.suc1{
	font-size: .8rem;
}
.suc2{
	position: absolute;
	font-size: .6rem;
	bottom: 0;
	height: 1rem;
	width: 10rem;
	text-align: center;
}
.message{
	height: 6rem;
	width: 10rem;
	}
.skip{
	width: 10rem;
	height: 2rem;
	font-size: .5rem;
	text-align: center;
	position: absolute;
	line-height: 3rem;
	bottom: 0;
	
}
.shadow{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	z-index: 6;
}
.wx_hint{
	position: absolute;
	width: 10rem;
	height: 8rem;
}
.wx_hint img{
	width: 10rem;
	height: 8rem;
	
}
.page2{
	position: relative;
	background-color: #F5F5F5;
	z-index: 3;
}